import { RightOutlined } from "@ant-design/icons";
import { Button, Card, Col, List, Row, Space, Tabs, Form, Input, Table } from "antd";
const { TabPane } = Tabs;

const { Column } = Table;

const data = [
    {
        x: 1,
        y: 2,
        z: 3,
        key: 1
    },
    {
        x: 1,
        y: 2,
        z: 3,
        key: 6
    },
    {
        x: 1,
        y: 2,
        z: 3,
        key: 5
    },
    {
        x: 1,
        y: 2,
        z: 3,
        key: 4
    },
    {
        x: 1,
        y: 2,
        z: 3,
        key: 3
    },
    {
        x: 1,
        y: 2,
        z: 3,
        key: 2
    },
]

const LoginNote = () => {
    return (
        <Card title="登录记录" style={{ minHeight: "100%" }}>
            <Tabs defaultActiveKey="1">
                <TabPane tab="登录记录" key="1">
                    <Table
                        dataSource={data}
                        size="small"
                        pagination={{ position: ["bottomRight"], total: data.length, pageSize: 8 }}
                        rowKey="key"

                    >
                        <Column title="登陆设备" dataIndex="x" />
                        <Column title="登陆时间" dataIndex="y" />
                        <Column title="登陆地区" dataIndex="z" />
                    </Table>
                </TabPane>
            </Tabs>

        </Card>
    )
}


export default LoginNote;
